// pages/shop/shop.js

const app = getApp()

Page({

  /**
   * 页面的初始数据
   */
  data: {
    //轮播图配置
    autoplay: true,
    interval: 3000,
    duration: 1200,
    menu:{
      imgUrls:[
        'http://82.157.94.115:2009/static/images/item1.PNG',
        'http://82.157.94.115:2009/static/images/item2.jpeg',
        'http://82.157.94.115:2009/static/images/item3.jfif',
        'http://82.157.94.115:2009/static/images/item4.jpg',
        'http://82.157.94.115:2009/static/images/item5.JPG',
        'http://82.157.94.115:2009/static/images/item6.png',
        'http://82.157.94.115:2009/static/images/item7.JPG',
        'http://82.157.94.115:2009/static/images/item8.JPG',
        'http://82.157.94.115:2009/static/images/item9.png',
        'http://82.157.94.115:2009/static/images/item10.png',
      ],
      descs:[
          '智能装备',
          '健康食品',
          '运动手环',
          '女子服饰',
          '男子服饰',
          '室内健身',
          '运动内衣',
          '户外跑步',
          '运动护具',
          '垫上运动'
      ]
    },
    goodslist: []
  },
  // 跳转到搜索页面
  search: function () {
    wx.navigateTo({
      url: '/pages/hosearch/hosearch'
    })
  },
  // 跳转到购物车页面
  shopcar: function () {
    wx.navigateTo({
      url: '/pages/shopcar/shopcar'
    })
  },
  details:function(){
    wx.navigateTo({
      url: '/pages/goods_details/goods_details',
    })
  },

// 加入购物车
addcart:function(e){
  this.setData({
      toastHidden:false
  });
  // 遍历列表 与 购物车列表
  for (var i in this.data.goodslist){
      // 列表中某一项item的id == 点击事件传递过来的id。则是被点击的项
      if(this.data.goodslist[i].id == e.target.id){
          // 给goodsList数组的当前项添加count元素，值为1，用于记录添加到购物车的数量
          this.data.goodslist[i].count = 1;
          // 获取购物车的缓存数组（没有数据，则赋予一个空数组）
          var arr = wx.getStorageSync('cart') || [];
          // 如果购物车有数据
          if(arr.length>0){
              // 遍历购物车数组
              for(var j in arr){
                  // 判断购物车内的item的id，和事件传递过来的id，是否相等
                  if(arr[j].id == e.target.id){
                      // 相等的话，给count+1（即再次添加入购物车，数量+1）
                      arr[j].count = arr[j].count + 1;
                      // 最后，把购物车数据，存放入缓存（此处不用再给购物车数组push元素进去，因为这个是购物车有的，直接更新当前数组即可）
                      try {
                          wx.setStorageSync('cart', arr)
                      } catch (e) {
                          console.log(e)
                      }
                      // 返回（在if内使用return，跳出循环节约运算，节约性能）
                      return;
                  }
              }
              // 遍历完购物车后，没有对应的item项，把goodslist的当前项放入购物车数组
              arr.push(this.data.goodslist[i]);
          }
          // 购物车没有数据，把item项push放入当前数据（第一次存放时）
          else{
              arr.push(this.data.goodslist[i]);
          }
          // 最后，把购物车数据，存放入缓存
          try {
              wx.setStorageSync('cart', arr)
              // 返回（在if内使用return，跳出循环节约运算，节约性能）
              return;
          } catch (e) {
              console.log(e)
          }
      }
  }
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this; 
    wx.request({
      url: 'http://82.157.94.115:2005/goods',
      method:'GET',
      header: {
        'content-type': 'application/json'
      },
      data:{
        // articalList:articalList
      },
      success:(res)=>{
        console.log("成功")
        console.log(res.data)
        that.setData({
          goodslist:res.data.goodsObj
        })
        console.log(this.data.goodslist)
      },
      fail:(err)=>{
        console.log(err)
      }

    })
    var data = {
      "datas": [
        {
          "id": 1,
          "imgurl": "http://82.157.94.115:2009/static/images/shopbanner4.PNG"
        },
        {
          "id": 2,
          "imgurl": "http://82.157.94.115:2009/static/images/shopbanner5.PNG"
        },
        {
          "id": 3,
          "imgurl": "http://82.157.94.115:2009/static/images/shopbanner3.PNG"
        },
        {
          "id": 4,
          "imgurl": "http://82.157.94.115:2009/static/images/shopbanner1.PNG"
        }
      ]
      
  
    };
    that.setData({
      lunboData: data.datas,

    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})